@import "../../../../../style/color.scss";
@import "../../../../../style/domain.scss";
@import "../../../../../style/font.scss";

//建言详情
.advice-detail-page {
  text-align: center;
  position: relative;

  .right-btn {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 148px;
    height: 48px;
    font-family: $regular-font-family;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-shadow: 0 0 4px rgba(255,255,255,0.50);
  }

  .advice-detail-content {
    width: 60%;
    display: inline-block;
    text-align: left;
    margin-bottom: 44px;
    padding-right: 20px;

    >.item {

      &:not(:first-child) {
        margin-top: 30px;
      }

       >span {
         display: inline-block;
         font-family: $regular-font-family;
         font-size: $confirm-content-font;
         color: #FFFFFF;
         vertical-align: top;
       }

      >span:first-child {
        margin-right: 10px;
        width: 15%;
        text-align: right;
      }
      >span:last-child {
        width: 65%;
      }


      .people {
        display: inline-block;
        font-family: $regular-font-family;
        font-size: $confirm-content-font;
        color: #FFFFFF;
        vertical-align: top;

        >span:first-child {
          display: inline-block;
          margin-right: 10px;
        }
      }


      .video-wrap {
        background-color: black;
        display: inline-block;
        width: 660px;
        height: 414px;

        .video {
          width: 100%;
          height: 414px;
        }
      }

      .audio-wrap {
        background-color: black;
        display: inline-block;
        width: 660px;
        height: 100px;
        padding-top: 40px;

        .audio {
          width: 100%;
        }
      }


    }
  }

}
